<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>

</html>
<!-- 
    jQuery创建节点方法
        1.$();
            $()可以创建元素，但是该元素存于内存之中，需要追加才可以在页面上显示
            $()创建标签，类似于js中的document.createElement来创建标签
            例子：
                var $link = $('<a href="#">我是一个a标签</a>');
                $('#div1').append('$link');
        2.html();
            html()设置或者获取内容
            如果我们不给html()参数会获取标签的内容
            例子：
                $('#div1').html();
                他的返回值就是id为div1的标签的内容
            如果我们给html()参数会覆盖掉标签中的内容，不过参数中的内容如果是标签的话会解析
            例子：
                $('#div1').html('我设置的内容<a href="#">这是一个a标签</a>');
                a标签会被解析出来，所有html()可以创建节点类似于js中的innerHTML来创建标签
    jQuery添加节点方法
        1.父元素.append(子元素);
            用法一
                该方法会将子元素作为父元素中的最后一个子元素添加
                例子：
                    var $link = $('<li>我是一个新的li标签</li>')
                    $('#div1').append($link);
            用法二
                可以将一个已经存在的标签放到父元素中最后一个去，该方法为剪切，原标签会消失
                例子
                    var $li3 = $('#li3');
                    $('#ul1').append($li3);
        2.父元素.prepend(子元素)；
            该方法会将子元素放在父元素的第一个位置，其用法去append类似，就不再详述
        3.元素.before(新标签);
            该方法可以将新标签插入到元素标签的前面
            例子：
                var $div = $('<div>这是一个新的div</div>');
                $('#div1').before($div);
                该方法会将新的div标签插入到id为div1的标签的前面
        4.元素.after(新标签)；
            该方法会将新标签插入到元素标签的后面
            其用法于before类似
        5.子元素.appendTo(父元素);
            该方法会将子元素插入到父元素的最后一个位置
            该方法于append类似，唯一的区别就是该方法由子元素调用        

 -->